<template>
  <div class="marginT20 platformAdBox">
    <img :src="platformAdbg" alt width="100%" height="350px"/>
    <div class="platformAdContainer">
      <h2 class="module-title">平台优势</h2>
      <div class="platformAdListGroup">
        <div class="platformAdList">
          <img :src="platformAdLogo1" alt width="80px" />
          <h3>政府背景</h3>
          <p>河北省政府主办</p>
          <p>XX公司运营</p>
        </div>
        <div class="platformAdList">
          <img :src="platformAdLogo2" alt width="80px" />
          <h3>资源丰富</h3>
          <p>多家金融机构入驻</p>
          <p>多样化产品可选</p>
        </div>
        <div class="platformAdList">
          <img :src="platformAdLogo3" alt width="80px" />
          <h3>数据安全</h3>
          <p>核心业务数据上链</p>
          <p>保障信息安全真实可靠</p>
        </div>
      </div>
    </div>
  </div>
</template>
<script>
import platformAdbg from "@/assets/images/bg-1.png";
import platformAdLogo1 from "@/assets/images/政府背景.png";
import platformAdLogo2 from "@/assets/images/资源丰富.png";
import platformAdLogo3 from "@/assets/images/数据安全.png";

export default {
  name: "platformAdvantages",
  data() {
    return {
      platformAdbg,
      platformAdLogo1,
      platformAdLogo2,
      platformAdLogo3
    };
  },
  mounted() {
    // let swiperObj = {
    //   pageIndex: 0,
    //   pageSize: 1,
    //   proCode: window.areaArr[0]?window.areaArr[0]:"",
    //   cityCode: window.areaArr[1]?window.areaArr[1]:"",
    //   countyCode:  window.areaArr[2]?window.areaArr[2]:"",
    //   level: 1,
    //   ownPage: 0
    // };
    // this.$axios("getswiperPics", [], swiperObj).then(res => {
    //   if (res.code == 200) {
    //     this.platformAdbg = res.data.result[0].imageUrl;
    //   }
    // });
  }
};
</script>
<style scoped>
.platformAdBox {
  position: relative;
}

.platformAdContainer {
  position: absolute;
  top: 0;
  width: 1240px;
  left: 50%;
  margin-left: -620px;
}
.platformAdListGroup {
  width: 1000px;
  margin: 0 auto;
}
.module-title {
  margin: 0 auto;
  margin-top: 40px;
  text-align: center;
  color: #fff;
  margin-bottom: 20px;
}
.platformAdList {
  display: inline-block;
  width: 33.3%;
  text-align: center;
  color: #fff;
}
.platformAdList h3 {
  margin-top: 20px;
  margin-bottom: 20px;
}
.platformAdList p {
  margin-top: 5px;
}
</style>